<!DOCTYPE html>
<html>

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta charset="utf-8" />
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link href="../css/index.css" rel="stylesheet" type="text/css" />
    <script src="../js/flexible/flexible.js"></script>
</head>

<body>
    <div class="wrapper touchslider">
        <div class="touchslider-viewport">
            <div>
                <div class="touchslider-item">
                    <img src="../img/xsjq_01.jpg">
                </div>
                <div class="touchslider-item">
                    <img src="../img/xsjq_02.jpg">
                </div>
                <div class="touchslider-item">
                    <img src="../img/xsjq_03.jpg">
                </div>
                <div class="touchslider-item">
                    <img src="../img/xsjq_04.jpg">
                </div>
                <div class="touchslider-item">
                    <img src="../img/xsjq_05.jpg">
                </div>
            </div>
        </div>
        <span class="touchslider-prev">←</span>
        <span class="touchslider-next">→</span>
    </div>
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/jquery.touchslider.min.js"></script>
    <script type="text/javascript">
    jQuery(function($) {
        var winW = $(window).width(),
            winH = $(window).height();
            $('.touchslider-viewport').find('img').css({width:winW,height:winH})
        $(".touchslider").touchSlider({/*options*/});
    });
    </script>
</body>

</html>